 <!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <title>{$Think.config.site.title} - 采购管理</title>

    <meta name="keywords" content="{$Think.config.site.keywords}">

    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.min.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.min.css?v=4.0.0" rel="stylesheet">

</head>
<style>
#listtable .fa{
	cursor:pointer;
	color:#1ab394;
	margin-right:1em;
}
th .tag{font-size: 12px; color: #e66c6c; font-weight: normal;}
.ibox-title .tag{font-size: 12px; color: #e66c6c; font-weight: normal; display: inline-block; margin-left: 20px;}
.specval-hide{display: none;}
</style>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
	{eq name="status" value="1000"}
	{else/}
      <div class="row">
            <div class="col-sm-4">
                <div id="nestable-menu">
                	<button type="button" data-action="print" class="btn btn-primary btn-sm"><i class="fa fa-share-alt"></i> 打印</button>
                    <button type="button" data-action="printcode" class="btn btn-primary btn-sm"><i class="fa fa-share-alt"></i> 打印条码</button>
                </div>
            </div>
      </div>
	{/eq}
      <div class="row">
          <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
					{eq name="status" value="1000"}
                        <h5>所有采购订单</h5>
					{else/}
                        <h5>采购中订单</h5>
					{/eq}
                        <!-- <span class="tag">说明：</span> -->
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                        	<div class="col-sm-6">
                        	</div>
                          	<div class="col-sm-6">
                                <div class="input-group pull-right">
                                <form action="{:url('order')}" method="get" enctype="application/x-www-form-urlencoded">
                                <div class="input-group">
                                    <input type="text" placeholder="请输入关键词" class="input-sm form-control" value="{$Think.get.keywords ?? ''}" name="keywords">
                                    <input type="hidden" class="create_time" name="create_time" value="">
                                    <span class="input-group-btn">
                                        <button type="submit" class="btn btn-sm btn-primary"> 搜索</button> </span>
                                </div>
                                </form>
                                </div>
                            </div>
                            
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped" id="listtable">
                                <thead>
                                    <tr>
                                        <th width="30"><input name="checkall" id="checkall"  type="checkbox" class="i-checks" value="1"></th>
                                        <th width="150">订单ID</th>
                                        <th class="create_time_sort" data-create_time_sort='{$sort}'>订单时间 {if condition='$sort eq "create_time desc"'}<span>&darr;</span>{else /}<span>&uarr;</span>{/if}</th>
                                        <th >采购员</th>
                                        <th >分配人</th>
                                        {if condition="$status eq 1000"}
											<th >应采金额</th>
											<th >实采金额</th>
										{else/}{/if}
                                        <th >操作</th>
                                    </tr>
                                </thead>
                                <tbody>

                                	{volist name="list" id="vo"}
                                    <tr data-id="{$vo.purchase_id}">
                                        <td>
                                            <input name="ids[]"  type="checkbox" class="i-checks" value="{$vo.purchase_id}">
                                        </td>
                                        <td>{$vo.purchase_id}</td>
                                        <td>{$vo.create_time}</td>
                                        <td>{$vo.employee_name}</td>
                                        <td>{$vo.create_name}</td>
										{if condition="$status eq 1000"}
											<td >{$vo.money.price}</td>
											<td >{$vo.money.cur_price}</td>
										{else/}{/if}
                                        <td>
                                        	<a href="{:url('goods',['purchase_id'=>$vo['purchase_id']])}" class="fa fa-edit"> 商品列表</a>
                                        </td>
                                    </tr>
                                   {/volist}

                                </tbody>
                            </table>
                        </div>
						{eq name="status" value="1000"}
							<div>{$list->render()}</div>
						{/eq}
                    </div>
                </div>
            </div>

        </div>
    </div>

    <script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/peity/jquery.peity.min.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/majax.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/jedit.js"></script>
</body>

</html>
<script>
//切换排序
$('.create_time_sort').click(function(){
    var create_time_sort = $(this).data('create_time_sort');
    if(create_time_sort == "create_time desc"){
        $('.create_time').val("create_time asc");
    }else{
        $('.create_time').val("create_time desc");
    }
    $('form').submit();
})

var layer_font='';
$(document).ready(function() {
	
	$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",});

	//全选
	$("#checkall").bind("ifChecked",function(){
		$("input[name='ids[]']").iCheck("check");
	});
	//取消全选
	$("#checkall").bind("ifUnchecked",function(){
		$("input[name='ids[]']").iCheck("uncheck");
	});
	//顶部按钮
    $("#nestable-menu").on("click",
    function(e) {
        var target = $(e.target),
        action = target.data("action");


        var list = [];
        $("input[name='ids[]']:checked").each(function(index, element) {
            list.push($(this).closest("tr").data("id"));
            
        });
        if(list.length < 1) {
            layer.msg('请至少选中一项', {icon: 5});
            return false;
        }

		//保存排序
        if (action === "print") {
            layer_font = layer.open({
              type: 2,
              title: '打印',
              shadeClose: true,
              shade: 0.8,
              area: ['900px', '90%'],
              content: '{:url("webPrint")}?ids='+list.join(','), //iframe的url
            });
        }

        if (action === 'printcode') {
            layer_font = layer.open({
              type: 2,
              title: '打印',
              shadeClose: true,
              shade: 0.8,
              area: ['900px', '90%'],
              content: '{:url("webPrintcode")}?ids='+list.join(','), //iframe的url
            });
        }

    });
});	

function closeIfram(){
    layer.close(layer_font);
}
</script>